<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/public.css"/>
		<link rel="stylesheet" type="text/css" href="./css/score.css"/>
	</head>
	<body>
		<!--顶部导航 logo-->
		<div class="center-top">
			<div class="center-top-main">
				<div class="logo">
					<img src="img/logo.png" alt=""/>
				</div>
				<div class="center-name">学习中心</div>
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">课程中心</a>
					</li>
					<li>
						<a href="#">模拟题库</a>
					</li>
					<li>
						<img src="./img/thumb.png"/>
						<a href="#" class="my-class">我的网课</a>
					</li>
					<li>
						<img src="./img/shopcar.png"/>
						<a href="#">购课车</a>
					</li>
					<li>
						<img src="./img/tips.png"/>
						<a href="#">消息</a>
					</li>
					<li class="download-box">
						<a href="#" class="download">APP下载</a>
						<img src="./img/up.png" class="download-up"/>
						<img src="./img/downh.png" class="download-down"/>
						<div class="er-box">
							<img src="img/er.png"/>
							<span>雨露众德APP</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--顶部个人基本信息-->
		<div class="person-info">
			<div class="person-info-main">
				<div class="person-thumb">
					<img src="./img/er.png"/>
				</div>
				<div class="person-name-rank">
					<div class="person-name">Z夯实</div>
					<div class="person-rank">
						<img src="img/king.png"/>
						<span>注册会员</span>
					</div>
				</div>
				<div class="person-info-right">
					<div class="person-cards">
						<div class="person-cards-num">1张</div>
						<div class="person-cards-name">优惠券</div>
					</div>
					<div class="person-cards">
						<div class="person-cards-num">123</div>
						<div class="person-cards-name">积分</div>
					</div>
					<div class="signin">
						<div class="signin-btn">签到领积分</div>
						<div class="signin-tip">您今天还没有签到</div>
					</div>
				</div>
				<div class="center-ad">
					<img src="img/center-ad.jpg" alt=""/>
				</div>
				<div class="my-message">
					您有<em>1</em>条未读信息
					<span class="close-message"> X </span>
				</div>
			</div>
		</div>
		<!--主要内容-->
		<div class="center-main">
			<!--左侧导航-->
			<div class="center-slider">
				<dl>
					<dd>
						<a href="" class="active">
							<img src="img/s1.png"/>
							<span>首页</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>我的课程</td>
					<dd>
						<a href="">
							<img src="img/s2.png"/>
							<span>开始听课</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s3.png"/>
							<span>听课记录</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s4.png"/>
							<span>我的直播</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s5.png"/>
							<span>问答中心</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>我的题库</td>
					<dd>
						<a href="">
							<img src="img/s6.png"/>
							<span>开始做题</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s7.png"/>
							<span>做题数据</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>个人管理</td>
					<dd>
						<a href="">
							<img src="img/s8.png"/>
							<span>我的订单</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s9.png"/>
							<span>地址管理</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s10.png"/>
							<span>个人资料</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s11.png"/>
							<span>优惠券</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s12.png"/>
							<span>我的积分</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s13.png"/>
							<span>账户安全</span>
						</a>
					</dd>
				</dl>
				<div class="my-line"></div>
				<dl>
					<dt>其它</td>
					<dd>
						<a href="">
							<img src="img/s14.png"/>
							<span>学习资料</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s15.png"/>
							<span>消息中心</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s16.png"/>
							<span>APP下载</span>
						</a>
					</dd>
					<dd>
						<a href="">
							<img src="img/s17.png"/>
							<span>帮助中心</span>
						</a>
					</dd>
				</dl>
			</div>
			<!--右侧主题内容-->
			<div class="center-main-content">
				<div class="my-pay-box">
					<div class="top">
						<ul>
							<li class="jifen-tab-btn cur">赚积分</li>
							<li class="jifen-tab-btn">积分兑换</li>
							<li class="jifen-tab-btn">积分规则</li>
						</ul>
					</div>
					<div class="jifen-tab-item">
						<h5 class="jifen-title">
							<span>基本任务</span>
							<a href="#">如何做任务，赚积分？</a>
						</h5>
						<ul class="task-list-box">
							<li>
								<div class="task-icon">
									<img src="img/n11.png"/>
								</div>
								<div class="task-desc-box">
									<h5 class="task-title">每日签到</h5>
									<p class="task-desc">每日可领，连续签到越多赚的越多</p>
									<p class="gift">奖励：<span>20积分</span></p>
									<a href="#">开始任务</a>
								</div>
							</li>
							<li>
								<div class="task-icon">
									<img src="img/n22.png"/>
								</div>
								<div class="task-desc-box">
									<h5 class="task-title">绑定手机</h5>
									<p class="task-desc">绑定手机后，可用手机号码登录及重置登录密码</p>
									<p class="gift">奖励：<span>20积分</span></p>
									<a href="#">开始任务</a>
								</div>
							</li>
							<li>
								<div class="task-icon">
									<img src="img/n33.png"/>
								</div>
								<div class="task-desc-box">
									<h5 class="task-title">修改资料</h5>
									<p class="task-desc">设置昵称，好名字，让大家记住你！</p>
									<p class="gift">奖励：<span>20积分</span></p>
									<a href="#">开始任务</a>
								</div>
							</li>
							<li>
								<div class="task-icon">
									<img src="img/n44.png"/>
								</div>
								<div class="task-desc-box">
									<h5 class="task-title">修改头像</h5>
									<p class="task-desc">个性头像，从此不再平凡！</p>
									<p class="gift">奖励：<span>20积分</span></p>
									<a href="#">开始任务</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="jifen-tab-item" style="display: none;">
						<!-- <h5 class="jifen-title">
							<i></i>
							<span>基本任务</span>
							<a href="#">如何做任务，赚积分？</a>
						</h5> -->
						<div class="tab-box">
							<ul class="tab-class">
								<li class="only ">
									<a href="#">实物</a>
									<span></span>
								</li>
								<li class="only cur">
									<a href="#">优惠卷</a>
									<span></span>
								</li>
								<li class="only">
									<a href="#">课程</a>
									<span></span>
								</li>
								<a href="#">如何做任务，赚积分？</a>
							</ul>
						</div>
						<ul class="score-change-box">
							<li>
								<div class="goods-thumb">
									<img src=""/>
								</div>
								<h5>品胜数据线USB接口接口</h5>
								<p class="jifen-price">
									<img src="img/coin.png"/>
									<span>20000</span>
								</p>
								<p class="tui-count">1546人已兑换</p>
								<p class="kucun">库存：4件</p>
								<a href="#">立即兑换</a>
							</li>
							<li>
								<div class="goods-thumb">
									<img src=""/>
								</div>
								<h5>品胜数据线USB接口接口</h5>
								<p class="jifen-price">
									<img src="img/coin.png"/>
									<span>20000</span>
								</p>
								<p class="tui-count">1546人已兑换</p>
								<p class="kucun">库存：0件</p>
								<a href="#" class="over">立即兑换</a>
							</li>
							<li>
								<div class="goods-thumb">
									<img src=""/>
								</div>
								<h5>品胜数据线USB接口接口</h5>
								<p class="jifen-price">
									<img src="img/coin.png"/>
									<span>20000</span>
								</p>
								<p class="tui-count">1546人已兑换</p>
								<p class="kucun">库存：0件</p>
								<a href="#" class="over">立即兑换</a>
							</li>
						</ul>
					</div>
					<div class="jifen-tab-item" style="display: none;">
						<h5 class="jifen-title">
							<i></i>
							<span>积分介绍</span>
						</h5>
						<div class="jifen-intro">
							<p>
								<span>1</span>
								积分是雨露众德用户在本平台完成指定的行为给予的奖励。用户通过完成注册、签到、学习课程等指定行为会获得相应的积分。 
							</p>
							<p>
								<span>2</span>
								积分可以在雨露众德网站以及APP使用，积分可直接用于网校购买课程时抵现，题库下载试卷，社区下载资料以及APP内兑换下载币。 
							</p>
						</div>
						<h5 class="jifen-title">
							<i></i>
							<span>积分作用</span>
						</h5>
						<div class="jifen-use">
							<h5>购买课程抵现使用</h5>
							<p>用户可以在购买课程时，选择积分抵现，积分和现金抵扣的比例为200：1，即200积分=1元。</p>
							<p>抵现流程如下：</p>
							<img src="img/lc.png"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<footer>
			<div class="footer-box">
				<div class="footer-top">
					<div class="footer-logo">
						<img src="img/flogo.png"/>
					</div>
					<div class="footer-nav">
						<ul>
							<li>
								<a href="#">了解雨露</a>
							</li>
							<li>
								<a href="#">帮助与支持</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">关于我们</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">网站声明</a>
							</li>
							<li>
								<a href="#">反馈建议</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">售后中心</a>
							</li>
							<li>
								<a href="#">侵权举报</a>
							</li>
						</ul>
					</div>
					<div class="app-wechat">
						<div class="app">
							<div class="app-img">
								<img src="img/er1.png" />
							</div>
							<p>下载雨露众德app</p>
						</div>
						<div class="app">
							<div class="app-img">
								<img src="img/er2.png" />
							</div>
							<p>关注微信公众号</p>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<p>全国客服热线：400-1767-214 京ICP备17069128号-1 京公网安备17069128</p>
					<p>Copyright 2017-2020 雨露众德教育集团</p>
				</div>
			</div>
		</footer>
		<script src="./js/public.js"></script>
		<script src="./js/score.js"></script>
	</body>
</html>
